<template>
	<view class="empty-content">
		<image style="width: 250px;height: 150px;" :src="props.config.icon||defaultBg" mode="">
		</image>
		<text class="empty-text">{{props.config.text||''}}</text>
	</view>
</template>

<script setup>
	import emptyBg from "@/static/image/mine/empty.png"
	import { ref } from "vue";
	const defaultBg = ref(emptyBg)
	const props = defineProps({
		config: {
			default: function() { return { text: '数据为空' } }
		}
	})
</script>

<style lang="scss" scoped>
	.empty-content {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 50px;

		.empty-text {
			margin-top: 15px;
			font-size: 15px;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
	}
</style>